@use './mixin.scss' as mixin;

.app-primary-color__text {
  @include mixin.set_theme_style(color, app-primary-color);
}
.app-primary-color__bg {
  @include mixin.set_theme_style(background-color, app-primary-color);
}
.app-primary-color__border {
  @include mixin.set_theme_style(border-color, app-primary-color);
}

.app-warning-color__text {
  @include mixin.set_theme_style(color, app-warning-color);
}
.app-warning-color__bg {
  @include mixin.set_theme_style(background-color, app-warning-color);
}
.app-warning-color__border {
  @include mixin.set_theme_style(border-color, app-warning-color);
}

.app-error-color__text {
  @include mixin.set_theme_style(color, app-error-color);
}
.app-error-color__bg {
  @include mixin.set_theme_style(background-color, app-error-color);
}
.app-error-color__border {
  @include mixin.set_theme_style(border-color, app-error-color);
}

.app-success-color__text {
  @include mixin.set_theme_style(color, app-success-color);
}
.app-success-color__bg {
  @include mixin.set_theme_style(background-color, app-success-color);
}
.app-success-color__border {
  @include mixin.set_theme_style(border-color, app-success-color);
}

.app-text-color__text {
  @include mixin.set_theme_style(color, app-text-color);
}
.app-text-inverse-color__text {
  @include mixin.set_theme_style(color, app-text-inverse-color);
}
.app-text-prompt-color__text {
  @include mixin.set_theme_style(color, app-text-prompt-color);
}
.app-text-grey-color__text {
  @include mixin.set_theme_style(color, app-text-grey-color);
}
.app-text-placeholder-color__text {
  @include mixin.set_theme_style(color, app-text-placeholder-color);
}
.app-text-disable-color__text {
  @include mixin.set_theme_style(color, app-text-disable-color);
}

.app-bg-default-color__bg {
  @include mixin.set_theme_style(background-color, app-bg-default-color);
}
.app-bg-page-color__bg {
  @include mixin.set_theme_style(background-color, app-bg-page-color);
}
.app-bg-active-color__bg {
  @include mixin.set_theme_style(background-color, app-bg-active-color);
}
.app-bg-mask-color__bg {
  @include mixin.set_theme_style(background-color, app-bg-mask-color);
}

.app-primary-link{
  cursor: pointer;
  @include mixin.set_theme_style(color, app-primary-color);
}
.app-primary-link:hover{
  @include mixin.set_hover_color(color, app-primary-color);
}
.app-primary-link:active{
  @include mixin.set_active_color(color, app-primary-color);
}

.app-warning-link{
  cursor: pointer;
  @include mixin.set_theme_style(color, app-warning-color);
}
.app-warning-link:hover{
  @include mixin.set_hover_color(color, app-warning-color);
}
.app-warning-link:active{
  @include mixin.set_active_color(color, app-warning-color);
}

.app-error-link{
  cursor: pointer;
  @include mixin.set_theme_style(color, app-error-color);
}
.app-error-link:hover{
  @include mixin.set_hover_color(color, app-error-color);
}
.app-error-link:active{
  @include mixin.set_active_color(color, app-error-color);
}

.app-success-link{
  cursor: pointer;
  @include mixin.set_theme_style(color, app-success-color);
}
.app-success-link:hover{
  @include mixin.set_hover_color(color, app-success-color);
}
.app-success-link:active{
  @include mixin.set_active_color(color, app-success-color);
}

/* ******************** 应用动画样式配置 ******************** */
.all-animation {
  @include mixin.set_animation(all);
}

.left-animation {
  @include mixin.set_animation(left);
}

.right-animation {
  @include mixin.set_animation(right);
}

.top-animation {
  @include mixin.set_animation(top);
}

.bottom-animation {
  @include mixin.set_animation(bottom);
}

.width-animation {
  @include mixin.set_animation(width);
}

.height-animation {
  @include mixin.set_animation(height);
}

.opacity-animation {
  @include mixin.set_animation(opacity);
}

.transform-animation {
  @include mixin.set_animation(transform);
}
/* ******************** 应用动画样式配置 ******************** */
